@import "variables";

seed-class-plan{
  .teach-plan {
    .class-name{
      height: pxTorem(90);
      line-height: pxTorem(90);
      padding: 0 pxTorem(24);
      display:block;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      font-size: standard($f, f2);
      color: color(c2);
      font-weight: bold;
    }
    .plan-header {
      padding: 0 0 pxTorem(30);
      .plan-title {
        padding-bottom: pxTorem(10px);
      }
      .seed-tab {
        position: relative;
        display: block;
        a {
          font-size: standard($f, f3);
        }
        .button-edit {
          position: absolute;
          right: pxTorem(50px);
          top: pxTorem(30px);
          @include icon(44, 44, '#{$icons-path}/circle_deit.png')
        }
        .seed-tab-item {
          position: relative;
          min-height: pxTorem(160px);
          .plan-header-name{
            position: relative;
            height: pxTorem(90);
            line-height: pxTorem(90);
            padding-left: pxTorem(24);
            &:after {
              position: absolute;
              left: 0;
              top: pxTorem(30);
              content: '';
              display: flex;
              justify-content: space-between;
              width: pxTorem(6);
              height: pxTorem(28);
              background: color($h5, c1);
            }
          }
          .each-tab {
            line-height: 1.4;
            padding: 0 pxTorem(24);
          }
          .tab-show {
            overflow-y: scroll;
            height: 100%;
          }
          .item-no-data {
            line-height: pxTorem(140px);
            text-align: center;
            color: color(c4);
            @include font-size(f4);
          }
          .text-switch {
            color: color(c1);
            @include font-size(f4);
          }
        }
      }
    }
    .plan-content {
      .content-title {
        position: relative;
        height: pxTorem(90);
        line-height: pxTorem(90);
        padding-left: pxTorem(24);
        &:after {
          position: absolute;
          left: 0;
          top: pxTorem(30);
          content: '';
          display: flex;
          justify-content: space-between;
          width: pxTorem(6);
          height: pxTorem(28);
          background: color($h5, c1);
        }
      }
      .content-item {
        padding: pxTorem(20px) 0;
        .subject-name {
          font-size: standard($f, f2);
          @include set-color(c2);
          padding-right: pxTorem(64px);
          @include over-ellipsis();
          flex: 1;
        }
        .teacher-name {
          font-size: standard($f, f4);
          @include set-color(c4);

        }
      }
    }
  }
}
